
<template>
    <div>
        <div class="yc">
            <div class="dd">
                <p>订单号：{{id}}</p>
            </div>
        <div class="pp">
            <div class="tp"><img :src="crowdfundingImage"></div>
            <div class="wz">
                <h2>{{name}}</h2>
                <span>购买时间：{{buycrowdfundingTime}}</span>
            </div>
        </div>
            <div class="fk">
                <p>人民币：￥{{crowdfundingNumber}}</p>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    props:["id","crowdfundingImage","name","buycrowdfundingTime","crowdfundingNumber"]
}
</script>

<style lang="scss" scoped>
    .yc{
        width: 100%;
        margin-top: 5%;
        .dd{
            width: 96%;
            position: relative;
            margin: 2%;
            border-bottom: 1px solid #eee;
            p{
                margin: 2%;
                font-size: 3.5vw;
                color: grey;
                text-align: left;
            }
        }
        .pp{
            width: 96%;
            margin: 2%;
            display: flex;
            border-bottom: 1px solid #eee;
            
           .tp{
            width: 30%;
           
            img{
                width: 28vw;
                height: 28vw;
            }
           }
           .wz{
            width: 66%;margin: 2%;
            position: relative;
            h2{
                font-size: 5vw;
                text-align: left;
            }
            span{
                position: absolute;
                font-size: 3vw;
              left: 0;
              top: 60%;
              color: grey;

            }
            p{
                font-size: 4vw;
                text-align: left;
               margin-top: 25%;
            }
           }
        }
        .fk{
            width: 96%;position: relative;
            margin: 2%;
            border-bottom: 1px solid #eee;
            p{
                font-size: 4.5vw;
                text-align: left;
                color: red;
                line-height: 8vw;
            }
        }
    }
</style>